Motion動效設計

動效在介面中起到了活化使用者體驗的作用。透過流暢的動效,可以傳達狀態、提供反饋和指導,豐富應用或遊戲的視覺體驗。

最佳實踐

目的性動效:為改善使用者體驗而設計動效,不要為了增加動效而新增不必要的動畫。過多或過度的動畫可能分散使用者注意力,使他們感到不適或脫離體驗感。

動效應是可選的:並非每個使用者都喜歡動效。因此,避免將動效作為唯一傳遞資訊的方式。可以結合觸覺反饋音效來共同傳遞資訊。

簡潔且準確的反饋動畫:在使用者與介面互動時,簡短、精準的動畫效果能傳遞資訊,避免過度複雜。玩家或使用者在看到簡短的動畫後,會快速理解到位並繼續體驗。

動效的反饋機制

符合使用者期望的動效:動效應符合人們對互動的預期。比如,當滑動內容時,如果反饋的動畫與預期不一致,可能會讓使用者感到困惑和不適。

動效簡短精準:較輕、簡短的動畫效果可以避免打擾使用者,並有效傳達資訊。例如,在遊戲中,完成動作時顯示簡短的成功動畫可以傳遞完成的資訊,而不會分散玩家的注意力。

輕鬆自然地讓使用者控制動效:儘量減少使用者等待動效完成的時間,允許他們快速進行下一步操作。

動效的符號與圖示

使用SF Symbols時,請根據場景合理使用靜態或動態的符號。合理的圖示動效可以有效引導使用者操作。

visionOS

visionOS中,動效用於傳遞上下文吸引注意力增強沉浸式體驗。在設計動效時,應注意以下幾點:

避免分散注意力:動效可能引起使用者對周圍環境的錯覺,甚至感到不適。因此,應儘量減少在使用者視野邊緣出現的動效,並保持與背景的一致性,避免打斷使用者的沉浸式體驗。

保持穩定的參考點:當大範圍虛擬物體移動時,給使用者提供一個不移動的視覺參考點可以幫助他們更好地適應視覺變化。相反,若整個周圍環境都在移動,使用者可能會感到迷失或不適。

避免持續振盪的物件:頻率大約為 0.2Hz 的持續振盪動畫可能讓使用者感到不適,因此儘量避免。若必須使用振盪動畫,建議降低振幅並使內容具有半透明效果。

watchOS

watchOS上,使用SwiftUI可以輕鬆為應用新增動效,例如透過WKInterfaceImage來顯示和更新圖片。動效可以增強使用者體驗,特別是在輕鬆、簡潔的互動中提升整體使用感。

透過結合這些動效設計指南,您可以為使用者提供流暢、自然的體驗,提升應用或遊戲的可用性和參與感。